﻿@using MalkiSumWeb.Models;
@using MalkiSumWeb.Controllers;
@model IQueryable<MalkiSumWeb.Models.File>
@{
    ViewBag.Title = "Field View";
    int count = ViewBag.count != null ? ViewBag.count : 0;
    if (Request.Url.ToString().Contains("FieldView"))
    {
         Layout = "~/Views/Shared/_Layout.cshtml";
    }
    else
    {
        Layout = null;
    }
    string txt = "";
    SumrizDBEntities db = new SumrizDBEntities();
}
@*@Html.Partial("FieldView")*@ @*@Html.Action("FieldView", "Files", new { id = field.ID });*@
@*@Html.Action("FieldView", "Files");*@

@*@if (memberAct.ActionDateTime.HasValue) { <text> @memberAct.ActionDateTime.Value.ToString("dd-MM-yyyy"); </text>}*@
@if (Model != null)
{
    var lst = Model.Take(8).ToList();
    int round = lst.Count % 4 == 0 ? (lst.Count / 4) - 1 : lst.Count / 4;
    if (lst.Count > 0)
    {
        txt = lst[0].Field.NameEn;
        int FieldID = lst[0].FieldID.Value;
        foreach (var item in lst)
        {
            if (item.FieldID != null && item.FieldID.Value != FieldID)
            {
                txt = "Search Result";
            }
        }
    <text>
  
            <legend class="categoryHeader">
                <div style="float: left">
                    @if (txt != "Search Result")
                    {
                        if (count > 0)
                        {
                        <a href="@Url.Content("~/Files/FieldView?cat=" + FieldID)" >
                            <h4>@txt</h4>
                        </a>
                        }
                        else
                        {
                        <h4>@txt</h4>
                        }

                    }
                    else
                    {
                        <h4>@txt</h4>
                    }
                </div>
            </legend>
            <div id="@Url.Content("carousel-top10_" + lst[0].ID)" class="@(count > 0 ? "carousel slide" : "")">
                <!-- Wrapper for slides -->
                <div class="@(count > 0 ? "carousel-inner" : "")">
                    @for (int i = 0; i <= round; i++)
                    {
                        if (i == 0)
                        {
                        <div class="item active">
                            @for (int y = 0; y < lst.Count; y++)
                            {
                                int x = lst[y].ID;
                                if (y / 4 == i)
                                {
                                    
                                <div class="col-lg-3 article">
                                    <h5>
                                        @lst[y].Name</h5>
                                    <img src="@Url.Content("~/Content/images/logo_placeHolder.png")"/>
                                    <h3>
                                        Why Sass?</h3>
                                    <p>
                                        I was a reluctant believer in Sass. I write stylesheets by hand!</p>
                                    <div class="popMenu">
                                        <ul>
                                            @if (MainController.IsAuthenticated && lst[y].MemberID == MainController.myUserID)
                                            {
                                               
                                                <li  onclick="deleteFile(@lst[y].ID, this)"><a title="Delete"><i class="fa fa-times">
                                                </i></a></li>                                                                                   
                                            }
                                            @if (MainController.IsAuthenticated
                                            && db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 11 || d.ActionTypeID == 12)
                                                && d.MemberID == MainController.myUserID).FirstOrDefault() != null)
                                            {
                                                if (db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 11 || d.ActionTypeID == 12)
                                                && d.MemberID == MainController.myUserID).OrderByDescending(d => d.ID).FirstOrDefault().ActionTypeID == 11)
                                                {
                                                <li  onclick="unlike(@lst[y].ID, this)" style="background: #53bc87;"><a title="Unlike">
                                                    <i class="fa fa-thumbs-o-up"></i></a></li>
                                                }
                                                else
                                                {
                                                <li onclick="like(@lst[y].ID, this)"><a title="Like"><i class="fa fa-thumbs-o-up"></i>
                                                </a></li>
                                                }                                                
@*<a href='@Url.Content("~/files/unlike?id=" + lst[y].ID)' title="Like"><i class="fa fa-heart"></i></a>*@                                                
                                            }
                                            else if (MainController.IsAuthenticated)
                                            {
                                                <li onclick="like(@lst[y].ID, this)"><a title="Like"><i class="fa fa-thumbs-o-up"></i>
                                                </a></li>
                                            }
                                            else
                                            {
                                                <li><a title="Please login to Like"><i class="fa fa-thumbs-o-up"></i></a></li>    
                                            }
                                            <li><a href='@Url.Content("~/files/share?id=" + lst[y].ID)' title="Share"><i class="fa fa-share">
                                            </i></a></li>
                                            <li><a href='@Url.Content("~/files/download?id=" + lst[y].ID)' title="Download"><i
                                                class="fa fa-download"></i></a></li>
                                            @if (MainController.IsAuthenticated
                                            && db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 15 || d.ActionTypeID == 16)
                                                && d.MemberID == MainController.myUserID).FirstOrDefault() != null)
                                            {
                                                if (db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 15 || d.ActionTypeID == 16)
                                                && d.MemberID == MainController.myUserID).OrderByDescending(d => d.ID).FirstOrDefault().ActionTypeID == 15)
                                                {
                                                <li  onclick="RemoveFromFavourites(@lst[y].ID, this)" style="background: #53bc87;"><a
                                                    title="Remove From favourites"><i class="fa fa-star"></i></a></li>
                                                }
                                                else
                                                {
                                                <li onclick="AddToFavourites(@lst[y].ID, this)"><a title="Add to favourites"><i class="fa fa-star">
                                                </i></a></li>
                                                }                                                
@*<a href='@Url.Content("~/files/unlike?id=" + lst[y].ID)' title="Like"><i class="fa fa-heart"></i></a>*@                                                
                                            }
                                            else if (MainController.IsAuthenticated)
                                            {
                                                <li onclick="AddToFavourites(@lst[y].ID, this)"><a title="Add to favourites"><i class="fa fa-star">
                                                </i></a></li>
                                            }
                                            else
                                            {
                                                <li><a title="Login to add to favourites"><i class="fa fa-star"></i></a></li>
                                            }
                                        </ul>
                                    </div>
                                    <div class="info">
                                        <span>
                                            @if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalDays) / 30 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalDays) / 30) <text>
                                                Month </text>
                                                
                                             
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalDays) % 30) <text>
                                                Days </text>
                                            }
                                            else if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalHours) / 24 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalHours) / 24) <text>
                                                Days </text>
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalHours % 24)) <text>
                                                Hours </text>
                                            }
                                            else if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalMinutes) / 60 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalMinutes) / 60) <text>
                                                Hours </text>
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalMinutes % 60)) <text>
                                                Minutes </text>
                                            }
                                            else if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalSeconds) / 60 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalSeconds) / 60) <text>
                                                Minutes </text>
                                                              
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalSeconds) % 60) <text>
                                                Seconds </text>                                 
                                                
                                            }
                                            ago. </span>
                                        <br />
                                        <span><i class="fa fa-eye"></i>Views @lst[y].ViewCount
                                        </span><a href='@Url.Content("~/files/FileViewer?id=" + lst[y].ID)' target="_blank">
                                            Read <i class="fa fa-chevron-right"></i></a>
                                    </div>
                                </div>
                                
                                
                                
                                
                                }
                            }
                        </div>
                        }
                        else
                        {
                        <div class="item">
                            @for (int y = 0; y < lst.Count; y++)
                            {
                                int x = lst[y].ID;
                                if (y / 4 == i)
                                {
                                <div class="col-lg-3 article">
                                    <h5>
                                        @lst[y].Name</h5>
                                    <img src="@Url.Content("~/Content/images/logo_placeHolder.png")"/>
                                    <h3>
                                        Why Sass?</h3>
                                    <p>
                                        I was a reluctant believer in Sass. I write stylesheets by hand!</p>
                                    <div class="popMenu">
                                        <ul>
                                            @if (MainController.IsAuthenticated && lst[y].MemberID == MainController.myUserID)
                                            {
                                               
                                                <li  onclick="deleteFile(@lst[y].ID, this)"><a title="Delete"><i class="fa fa-times">
                                                </i></a></li>                                                                                   
                                            }
                                            @if (MainController.IsAuthenticated
                                            && db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 11 || d.ActionTypeID == 12)
                                                && d.MemberID == MainController.myUserID).FirstOrDefault() != null)
                                            {
                                                if (db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 11 || d.ActionTypeID == 12)
                                                && d.MemberID == MainController.myUserID).OrderByDescending(d => d.ID).FirstOrDefault().ActionTypeID == 11)
                                                {
                                                <li  onclick="unlike(@lst[y].ID, this)" style="background: #53bc87;"><a title="Unlike">
                                                    <i class="fa fa-heart"></i></a></li>
                                                }
                                                else
                                                {
                                                <li onclick="like(@lst[y].ID, this)"><a title="Like"><i class="fa fa-heart"></i></a>
                                                </li>
                                                }                                                
@*<a href='@Url.Content("~/files/unlike?id=" + lst[y].ID)' title="Like"><i class="fa fa-heart"></i></a>*@                                                
                                            }
                                            else if (MainController.IsAuthenticated)
                                            {
                                                <li onclick="like(@lst[y].ID)"><a href="#" title="Like"><i class="fa fa-heart"></i></a>
                                                </li>
                                            }
                                            else
                                            {
                                                <li><a href="#" title="Like"><i class="fa fa-heart"></i></a></li>    
                                            }
                                            <li><a href='@Url.Content("~/files/share?id=" + lst[y].ID)' title="Share"><i class="fa fa-share">
                                            </i></a></li>
                                            <li><a href='@Url.Content("~/files/download?id=" + lst[y].ID)' title="Download"><i
                                                class="fa fa-download"></i></a></li>
                                                @if (MainController.IsAuthenticated
                                            && db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 15 || d.ActionTypeID == 16)
                                                && d.MemberID == MainController.myUserID).FirstOrDefault() != null)
                                            {
                                                if (db.MemberActivities.Where(d => d.FileID != null && d.FileID == x && (d.ActionTypeID == 15 || d.ActionTypeID == 16)
                                                && d.MemberID == MainController.myUserID).OrderByDescending(d => d.ID).FirstOrDefault().ActionTypeID == 15)
                                                {
                                                <li  onclick="RemoveFromFavourites(@lst[y].ID, this)" style="background: #53bc87;"><a
                                                    title="Remove From favourites"><i class="fa fa-star"></i></a></li>
                                                }
                                                else
                                                {
                                                <li onclick="AddToFavourites(@lst[y].ID, this)"><a title="Add to favourites"><i class="fa fa-star">
                                                </i></a></li>
                                                }                                                
@*<a href='@Url.Content("~/files/unlike?id=" + lst[y].ID)' title="Like"><i class="fa fa-heart"></i></a>*@                                                
                                            }
                                            else if (MainController.IsAuthenticated)
                                            {
                                                <li onclick="AddToFavourites(@lst[y].ID, this)"><a title="Add to favourites"><i class="fa fa-star">
                                                </i></a></li>
                                            }
                                            else
                                            {
                                                <li><a title="Login to add to favourites"><i class="fa fa-star"></i></a></li>
                                            }
                                        </ul>
                                    </div>
                                    <div class="info">
                                        <span>
                                            @if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalDays) / 30 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalDays) / 30) <text>
                                                Month </text>
                                                
                                             
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalDays) % 30) <text>
                                                Days </text>
                                            }
                                            else if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalHours) / 24 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalHours) / 24) <text>
                                                Days </text>
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalHours % 24)) <text>
                                                Hours </text>
                                            }
                                            else if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalMinutes) / 60 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalMinutes) / 60) <text>
                                                Hours </text>
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalMinutes % 60)) <text>
                                                Minutes </text>
                                            }
                                            else if (Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalSeconds) / 60 > 0)
                                            {
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalSeconds) / 60) <text>
                                                Minutes </text>
                                                              
                                                @(Convert.ToInt64(DateTime.Now.Subtract(lst[y].PostDate.Value).TotalSeconds) % 60) <text>
                                                Seconds </text>                                 
                                                
                                            }
                                            ago. </span>
                                        <br />
                                        <span><i class="fa fa-eye"></i>Views
                                            @lst[y].ViewCount</span> <a href='@Url.Content("~/files/FileViewer?id=" + lst[y].ID)' target="_blank">
                                                Read <i class="fa fa-chevron-right"></i></a>
                                    </div>
                                </div>
                                
                                

                                }
                            }
                        </div>
                        }
                    }
                </div>
                @if (count > 0)
                {
                    
                    <a style="float:right;" href="@Url.Content("~/Files/FieldView?cat=" + FieldID)" >See
                        more files in @txt</a>
                    
                }
                <!-- Controls -->
                <a class="left carousel-control" href="@Url.Content("#carousel-top10_" + lst[0].ID)" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control" href="@Url.Content("#carousel-top10_" + lst[0].ID)" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
       
    </text>
    }
    else
    {
    <div class="row content">
        <div class="col-lg-12">
            <legend class="categoryHeader">
                <h4>
                    No Result
                </h4>
            </legend>
            <div>
                Sorry!! there's no result.
            </div>
        </div>
    </div>
    }
}
else
{
    <div class="row content">
        <div class="col-lg-12">
            <legend class="categoryHeader">
                <h4>
                    No Result
                </h4>
            </legend>
            <div>
                Sorry!! there's no result.
            </div>
        </div>
    </div>
}
<script type="text/javascript">
    function deleteFile(fileID, li) {
        //find($(".article")
       

      var x = confirm("هل تريد الحذف؟");
      if (x == true) {
          $.post('@Url.Action("deleteFile", "files")', { id: fileID }, function (ret) {
              if (ret.success) {

                  $(li).parent().parent().parent().hide("slow");

                  
                  
                  
              }
              else {
                  alert(ret.msg);
              }
          });
      }


    }

    function like(fileID, li) {
        $.post('@Url.Action("like", "files")', { id: fileID }, function (ret) {
            if (ret.success) {
                //window.location.href = '@Url.Action("Index", "Home")';
                //window.location.href = '@Url.Action("Profile", "Account")';
                $(li).css("background", "#53bc87");
                $(li).css("color", "#fff");
                $(li).attr("onclick", "unlike(" + fileID + ",this)");
                alert("Like done.");
            }
            else {
                alert(ret.msg);
            }
        });
    }

    function unlike(fileID, li) {
        $.post('@Url.Action("unlike", "files")', { id: fileID }, function (ret) {
            if (ret.success) {
                //window.location.href = '@Url.Action("Index", "Home")';
                //window.location.href = '@Url.Action("Profile", "Account")';
                $(li).css("background", "#F9F9F9");
                $(li).css("color", "#595959");
                $(li).attr("onclick", "like(" + fileID + ",this)");
                alert("Unlike done.");
            }
            else {
                alert(ret.msg);
            }
        });
    }

    function AddToFavourites(fileID, li) {
        $.post('@Url.Action("AddToFavourites", "files")', { id: fileID }, function (ret) {
            if (ret.success) {
                //window.location.href = '@Url.Action("Index", "Home")';
                //window.location.href = '@Url.Action("Profile", "Account")';
                $(li).css("background", "#53bc87");
                $(li).css("color", "#fff");
                $(li).attr("onclick", "RemoveFromFavourites(" + fileID + ",this)");
                alert("Add To Favourites done.");
            }
            else {
                alert(ret.msg);
            }
        });
    }

    function RemoveFromFavourites(fileID, li) {
        $.post('@Url.Action("RemoveFromFavourites", "files")', { id: fileID }, function (ret) {
            if (ret.success) {
                //window.location.href = '@Url.Action("Index", "Home")';
                //window.location.href = '@Url.Action("Profile", "Account")';
                $(li).css("background", "#F9F9F9");
                $(li).css("color", "#595959");
                $(li).attr("onclick", "AddToFavourites(" + fileID + ",this)");
                alert("Remove from favourites done.");
            }
            else {
                alert(ret.msg);
            }
        });
    }
</script>
<ul style="display: none;">
    <li class="fa fa-glass"></li>
    glass
    <li class="fa fa-music"></li>
    music
    <li class="fa fa-search"></li>
    search
    <li class="fa fa-envelope-o"></li>
    envelope-o
    <li class="fa fa-heart"></li>
    heart
    <li class="fa fa-star"></li>
    star
    <li class="fa fa-star-o"></li>
    star-o
    <li class="fa fa-user"></li>
    user
    <li class="fa fa-film"></li>
    film
    <li class="fa fa-th-large"></li>
    th-large
    <li class="fa fa-th"></li>
    th
    <li class="fa fa-th-list"></li>
    th-list
    <li class="fa fa-check"></li>
    check
    <li class="fa fa-times"></li>
    times
    <li class="fa fa-search-plus"></li>
    search-plus
    <li class="fa fa-search-minus"></li>
    search-minus
    <li class="fa fa-power-off"></li>
    power-off
    <li class="fa fa-signal"></li>
    signal
    <li class="fa fa-gear"></li>
    gear
    <li class="fa fa-cog"></li>
    cog
    <li class="fa fa-trash-o"></li>
    trash-o
    <li class="fa fa-home"></li>
    home
    <li class="fa fa-file-o"></li>
    file-o
    <li class="fa fa-clock-o"></li>
    clock-o
    <li class="fa fa-road"></li>
    road
    <li class="fa fa-download"></li>
    download
    <li class="fa fa-arrow-circle-o-down"></li>
    arrow-circle-o-down
    <li class="fa fa-arrow-circle-inboxo-up"></li>
    arrow-circle-o-up
    <li class="fa fa-inbox"></li>
    inbox
    <li class="fa fa-rotate-right"></li>
    rotate-right
    <li class="fa fa-repeat"></li>
    repeat
    <li class="fa fa-refresh"></li>
    refresh
    <li class="fa fa-list-alt"></li>
    list-alt
    <li class="fa fa-lock"></li>
    lock
    <li class="fa fa-flag"></li>
    flag
    <li class="fa fa-headphones"></li>
    headphones
    <li class="fa fa-volume-off"></li>
    volume-off
    <li class="fa fa-volume-down"></li>
    volume-down
    <li class="fa fa-volume-up"></li>
    volume-up
    <li class="fa fa-qrcode"></li>
    qrcode
    <li class="fa fa-barcode"></li>
    barcode
    <li class="fa fa-tag"></li>
    tag
    <li class="fa fa-tags"></li>
    tags
    <li class="fa fa-book"></li>
    book
    <li class="fa fa-bookmark"></li>
    bookmark
    <li class="fa fa-print"></li>
    print
    <li class="fa fa-camera"></li>
    camera
    <li class="fa fa-font"></li>
    font
    <li class="fa fa-bold"></li>
    bold
    <li class="fa fa-italic"></li>
    italic
    <li class="fa fa-text-height"></li>
    text-height
    <li class="fa fa-text-width"></li>
    text-width
    <li class="fa fa-align-left"></li>
    align-left
    <li class="fa fa-align-center"></li>
    align-center
    <li class="fa fa-align-right"></li>
    align-right
    <li class="fa fa-align-justify"></li>
    align-justify
    <li class="fa fa-list"></li>
    list
    <li class="fa fa-dedent"></li>
    dedent
    <li class="fa fa-outdent"></li>
    outdent
    <li class="fa fa-indent"></li>
    indent
    <li class="fa fa-video-camera"></li>
    video-camera
    <li class="fa fa-picture-o"></li>
    picture-o
    <li class="fa fa-pencil"></li>
    pencil
    <li class="fa fa-map-marker"></li>
    map-marker
    <li class="fa fa-adjust"></li>
    adjust
    <li class="fa fa-tint"></li>
    tint
    <li class="fa fa-edit"></li>
    edit
    <li class="fa fa-pencil-square-o"></li>
    pencil-square-o
    <li class="fa fa-share-square-o"></li>
    share-square-o
    <li class="fa fa-check-square-o"></li>
    check-square-o
    <li class="fa fa-arrows"></li>
    arrows
    <li class="fa fa-step-backward"></li>
    step-backward
    <li class="fa fa-fast-backward"></li>
    fast-backward
    <li class="fa fa-backward"></li>
    backward
    <li class="fa fa-play"></li>
    play
    <li class="fa fa-pause"></li>
    pause
    <li class="fa fa-stop"></li>
    stop
    <li class="fa fa-forward"></li>
    forward
    <li class="fa fa-fast-forward"></li>
    fast-forward
    <li class="fa fa-step-forward"></li>
    step-forward
    <li class="fa fa-eject"></li>
    eject
    <li class="fa fa-chevron-left"></li>
    chevron-left
    <li class="fa fa-chevron-right"></li>
    chevron-right
    <li class="fa fa-plus-circle"></li>
    plus-circle
    <li class="fa fa-minus-circle"></li>
    minus-circle
    <li class="fa fa-times-circle"></li>
    times-circle
    <li class="fa fa-check-circle"></li>
    check-circle
    <li class="fa fa-question-circle"></li>
    question-circle
    <li class="fa fa-info-circle"></li>
    info-circle
    <li class="fa fa-crosshairs"></li>
    crosshairs
    <li class="fa fa-times-circle-o"></li>
    times-circle-o
    <li class="fa fa-check-circle-o"></li>
    check-circle-o
    <li class="fa fa-ban"></li>
    ban
    <li class="fa fa-arrow-right"></li>
    arrow-right
    <li class="fa fa-arrow-up"></li>
    arrow-up
    <li class="fa fa-arrow-down"></li>
    arrow-down
    <li class="fa fa-mail-forward"></li>
    mail-forward
    <li class="fa fa-share"></li>
    share
    <li class="fa fa-expand"></li>
    expand
    <li class="fa fa-compress"></li>
    compress
    <li class="fa fa-plus"></li>
    plus
    <li class="fa fa-minus"></li>
    minus
    <li class="fa fa-asterisk"></li>
    asterisk
    <li class="fa fa-exclamation-circle"></li>
    exclamation-circle
    <li class="fa fa-gift"></li>
    gift
    <li class="fa fa-leaf"></li>
    leaf
    <li class="fa fa-fire"></li>
    fire
    <li class="fa fa-eye"></li>
    eye
    <li class="fa fa-eye-slash"></li>
    eye-slash
    <li class="fa fa-warning"></li>
    warning
    <li class="fa fa-exclamation-triangle"></li>
    exclamation-triangle
    <li class="fa fa-plane"></li>
    plane
    <li class="fa fa-calendar"></li>
    calendar
    <li class="fa fa-random"></li>
    random
    <li class="fa fa-comment"></li>
    comment
    <li class="fa fa-magnet"></li>
    magnet
    <li class="fa fa-chevron-up"></li>
    chevron-up
    <li class="fa fa-chevron-down"></li>
    chevron-down
    <li class="fa fa-retweet"></li>
    retweet
    <li class="fa fa-shopping-cart"></li>
    shopping-cart
    <li class="fa fa-folder"></li>
    folder
    <li class="fa fa-folder-open"></li>
    folder-open
    <li class="fa fa-arrows-v"></li>
    arrows-v
    <li class="fa fa-arrows-h"></li>
    arrows-h
    <li class="fa fa-bar-chart-o"></li>
    bar-chart-o
    <li class="fa fa-twitter-square"></li>
    twitter-square
    <li class="fa fa-camera-retro"></li>
    camera-retro
    <li class="fa fa-key"></li>
    key
    <li class="fa fa-gears"></li>
    gears
    <li class="fa fa-cogs"></li>
    cogs
    <li class="fa fa-comments"></li>
    comments
    <li class="fa fa-thumbs-o-up"></li>
    thumbs-o-up
    <li class="fa fa-thumbs-o-down"></li>
    thumbs-o-down
    <li class="fa fa-star-half"></li>
    star-half
    <li class="fa fa-heart-o"></li>
    heart-o
    <li class="fa fa-sign-out"></li>
    sign-out
    <li class="fa fa-linkedin-square"></li>
    linkedin-square
    <li class="fa fa-thumb-tack"></li>
    thumb-tack
    <li class="fa fa-external-link"></li>
    external-link
    <li class="fa fa-sign-in"></li>
    sign-in
    <li class="fa fa-trophy"></li>
    trophy
    <li class="fa fa-github-square"></li>
    github-square
    <li class="fa fa-upload"></li>
    upload
    <li class="fa fa-lemon-o"></li>
    lemon-o
    <li class="fa fa-phone"></li>
    phone
    <li class="fa fa-square-o"></li>
    square-o
    <li class="fa fa-bookmark-o"></li>
    bookmark-o
    <li class="fa fa-phone-square"></li>
    phone-square
    <li class="fa fa-twitter"></li>
    twitter
    <li class="fa fa-facebook"></li>
    facebook
    <li class="fa fa-github"></li>
    github
    <li class="fa fa-unlock"></li>
    unlock
    <li class="fa fa-credit-card"></li>
    credit-card
    <li class="fa fa-rss"></li>
    rss
    <li class="fa fa-hdd-o"></li>
    hdd-o
    <li class="fa fa-bullhorn"></li>
    bullhorn
    <li class="fa fa-bell"></li>
    bell
    <li class="fa fa-certificate"></li>
    certificate
    <li class="fa fa-hand-o-right"></li>
    hand-o-right
    <li class="fa fa-hand-o-left"></li>
    hand-o-left
    <li class="fa fa-hand-o-up"></li>
    hand-o-up
    <li class="fa fa-hand-o-down"></li>
    hand-o-down
    <li class="fa fa-arrow-circle-left"></li>
    arrow-circle-left
    <li class="fa fa-arrow-circle-right"></li>
    arrow-circle-right
    <li class="fa fa-arrow-circle-up"></li>
    arrow-circle-up
    <li class="fa fa-arrow-circle-down"></li>
    arrow-circle-down
    <li class="fa fa-globe"></li>
    globe
    <li class="fa fa-wrench"></li>
    wrench
    <li class="fa fa-tasks"></li>
    tasks
    <li class="fa fa-filter"></li>
    filter
    <li class="fa fa-briefcase"></li>
    briefcase
    <li class="fa fa-arrows-alt"></li>
    arrows-alt
    <li class="fa fa-group"></li>
    group
    <li class="fa fa-users"></li>
    users
    <li class="fa fa-chain"></li>
    chain
    <li class="fa fa-link"></li>
    link
    <li class="fa fa-cloud"></li>
    cloud
    <li class="fa fa-flask"></li>
    flask
    <li class="fa fa-cut"></li>
    cut
    <li class="fa fa-scissors"></li>
    scissors
    <li class="fa fa-copy"></li>
    copy
    <li class="fa fa-files-o"></li>
    files-o
    <li class="fa fa-paperclip"></li>
    paperclip
    <li class="fa fa-save"></li>
    save
    <li class="fa fa-floppy-o"></li>
    floppy-o
    <li class="fa fa-square"></li>
    square
    <li class="fa fa-bars"></li>
    bars
    <li class="fa fa-list-ul"></li>
    list-ul
    <li class="fa fa-list-ol"></li>
    list-ol
    <li class="fa fa-strikethrough"></li>
    strikethrough
    <li class="fa fa-underline"></li>
    underline
    <li class="fa fa-table"></li>
    table
    <li class="fa fa-magic"></li>
    magic
    <li class="fa fa-truck"></li>
    truck
    <li class="fa fa-pinterest"></li>
    pinterest
    <li class="fa fa-pinterest-square"></li>
    pinterest-square
    <li class="fa fa-google-plus-square"></li>
    google-plus-square
    <li class="fa fa-google-plus"></li>
    google-plus
    <li class="fa fa-money"></li>
    money
    <li class="fa fa-caret-down"></li>
    caret-down
    <li class="fa fa-caret-up"></li>
    caret-up
    <li class="fa fa-caret-left"></li>
    caret-left
    <li class="fa fa-caret-right"></li>
    caret-right
    <li class="fa fa-columns"></li>
    columns
    <li class="fa fa-unsorted"></li>
    unsorted
    <li class="fa fa-sort"></li>
    sort
    <li class="fa fa-sort-down"></li>
    sort-down
    <li class="fa fa-sort-asc"></li>
    sort-asc
    <li class="fa fa-sort-up"></li>
    sort-up
    <li class="fa fa-sort-desc"></li>
    sort-desc
    <li class="fa fa-envelope"></li>
    envelope
    <li class="fa fa-linkedin"></li>
    linkedin
    <li class="fa fa-rotate-left"></li>
    rotate-left
    <li class="fa fa-undo"></li>
    undo
    <li class="fa fa-legal"></li>
    legal
    <li class="fa fa-gavel"></li>
    gavel
    <li class="fa fa-dashboard"></li>
    dashboard
    <li class="fa fa-tachometer"></li>
    tachometer
    <li class="fa fa-comment-o"></li>
    comment-o
    <li class="fa fa-comments-o"></li>
    comments-o
    <li class="fa fa-flash"></li>
    flash
    <li class="fa fa-bolt"></li>
    bolt
    <li class="fa fa-sitemap"></li>
    sitemap
    <li class="fa fa-umbrella"></li>
    umbrella
    <li class="fa fa-paste"></li>
    paste
    <li class="fa fa-clipboard"></li>
    clipboard
    <li class="fa fa-lightbulb-o"></li>
    lightbulb-o
    <li class="fa fa-exchange"></li>
    exchange
    <li class="fa fa-cloud-download"></li>
    cloud-download
    <li class="fa fa-cloud-upload"></li>
    cloud-upload
    <li class="fa fa-user-md"></li>
    user-md
    <li class="fa fa-stethoscope"></li>
    stethoscope
    <li class="fa fa-suitcase"></li>
    suitcase
    <li class="fa fa-bell-o"></li>
    bell-o
    <li class="fa fa-coffee"></li>
    coffee
    <li class="fa fa-cutlery"></li>
    cutlery
    <li class="fa fa-file-text-o"></li>
    file-text-o
    <li class="fa fa-building-o"></li>
    building-o
    <li class="fa fa-hospital-o"></li>
    hospital-o
    <li class="fa fa-ambulance"></li>
    ambulance
    <li class="fa fa-medkit"></li>
    medkit
    <li class="fa fa-fighter-jet"></li>
    fighter-jet
    <li class="fa fa-beer"></li>
    beer
    <li class="fa fa-h-square"></li>
    h-square
    <li class="fa fa-plus-square"></li>
    plus-square
    <li class="fa fa-angle-double-left"></li>
    angle-double-left
    <li class="fa fa-angle-double-right"></li>
    angle-double-right
    <li class="fa fa-angle-double-up"></li>
    angle-double-up
    <li class="fa fa-angle-double-down"></li>
    angle-double-down
    <li class="fa fa-angle-left"></li>
    angle-left
    <li class="fa fa-angle-right"></li>
    angle-right
    <li class="fa fa-angle-up"></li>
    angle-up
    <li class="fa fa-angle-down"></li>
    angle-down
    <li class="fa fa-desktop"></li>
    desktop
    <li class="fa fa-laptop"></li>
    laptop
    <li class="fa fa-tablet"></li>
    tablet
    <li class="fa fa-mobile-phone"></li>
    mobile-phone
    <li class="fa fa-mobile"></li>
    mobile
    <li class="fa fa-circle-o"></li>
    circle-o
    <li class="fa fa-quote-left"></li>
    quote-left
    <li class="fa fa-quote-right"></li>
    quote-right
    <li class="fa fa-spinner"></li>
    spinner
    <li class="fa fa-circle"></li>
    circle
    <li class="fa fa-mail-reply"></li>
    mail-reply
    <li class="fa fa-reply"></li>
    reply
    <li class="fa fa-github-alt"></li>
    github-alt
    <li class="fa fa-folder-o"></li>
    folder-o
    <li class="fa fa-folder-open-o"></li>
    folder-open-o
    <li class="fa fa-smile-o"></li>
    smile-o
    <li class="fa fa-frown-o"></li>
    frown-o
    <li class="fa fa-meh-o"></li>
    meh-o
    <li class="fa fa-gamepad"></li>
    gamepad
    <li class="fa fa-keyboard-o"></li>
    keyboard-o
    <li class="fa fa-flag-o"></li>
    flag-o
    <li class="fa fa-flag-checkered"></li>
    flag-checkered
    <li class="fa fa-terminal"></li>
    terminal
    <li class="fa fa-code"></li>
    code
    <li class="fa fa-reply-all"></li>
    reply-all
    <li class="fa fa-mail-reply-all"></li>
    mail-reply-all
    <li class="fa fa-star-half-empty"></li>
    star-half-empty
    <li class="fa fa-star-half-full"></li>
    star-half-full
    <li class="fa fa-star-half-o"></li>
    star-half-o
    <li class="fa fa-location-arrow"></li>
    location-arrow
    <li class="fa fa-crop"></li>
    crop
    <li class="fa fa-code-fork"></li>
    code-fork
    <li class="fa fa-unlink"></li>
    unlink
    <li class="fa fa-chain-broken"></li>
    chain-broken
    <li class="fa fa-question"></li>
    question
    <li class="fa fa-info"></li>
    info
    <li class="fa fa-exclamation"></li>
    exclamation
    <li class="fa fa-superscript"></li>
    superscript
    <li class="fa fa-subscript"></li>
    subscript
    <li class="fa fa-eraser"></li>
    <li class="fa fa-puzzle-piece"></li>
    <li class="fa fa-microphone"></li>
    <li class="fa fa-microphone-slash"></li>
    microphone-slash
    <li class="fa fa-shield"></li>
    shield
    <li class="fa fa-calendar-o"></li>
    calendar-o
    <li class="fa fa-fire-extinguisher"></li>
    fire-extinguisher
    <li class="fa fa-rocket"></li>
    rocket
    <li class="fa fa-maxcdn"></li>
    maxcdn
    <li class="fa fa-chevron-circle-right"></li>
    chevron-circle-right
    <li class="fa fa-chevron-circle-up"></li>
    chevron-circle-up
    <li class="fa fa-chevron-circle-down"></li>
    chevron-circle-down
    <li class="fa fa-html5"></li>
    html5
    <li class="fa fa-css3"></li>
    css3
    <li class="fa fa-unlock-alt"></li>
    unlock-alt
    <li class="fa fa-bullseye"></li>
    bullseye
    <li class="fa fa-ellipsis-h"></li>
    ellipsis-h
    <li class="fa fa-ellipsis-v"></li>
    ellipsis-v
    <li class="fa fa-rss-square"></li>
    rss-square
    <li class="fa fa-play-circle"></li>
    play-circle
    <li class="fa fa-ticket"></li>
    ticket
    <li class="fa fa-minus-square"></li>
    minus-square
    <li class="fa fa-minus-square-o"></li>
    minus-square-o
    <li class="fa fa-level-up"></li>
    level-up
    <li class="fa fa-level-down"></li>
    level-down
    <li class="fa fa-check-square"></li>
    check-square
    <li class="fa fa-pencil-square"></li>
    pencil-square
    <li class="fa fa-external-link-square"></li>
    external-link-square
    <li class="fa fa-share-square"></li>
    share-square
    <li class="fa fa-compass"></li>
    compass
    <li class="fa fa-toggle-down"></li>
    toggle-down
    <li class="fa fa-caret-square-o-down"></li>
    caret-square-o-down
    <li class="fa fa-toggle-up"></li>
    toggle-up
    <li class="fa fa-caret-square-o-up"></li>
    caret-square-o-up
    <li class="fa fa-toggle-right"></li>
    toggle-right
    <li class="fa fa-caret-square-o-right"></li>
    caret-square-o-right
    <li class="fa fa-euro"></li>
    euro
    <li class="fa fa-eur"></li>
    eur
    <li class="fa fa-gbp"></li>
    gbp
    <li class="fa fa-dollar"></li>
    dollar
    <li class="fa fa-usd"></li>
    usd
    <li class="fa fa-rupee"></li>
    rupee
    <li class="fa fa-inr"></li>
    inr
    <li class="fa fa-cny"></li>
    cny
    <li class="fa fa-rmb"></li>
    rmb
    <li class="fa fa-yen"></li>
    yen
    <li class="fa fa-jpy"></li>
    jpy
    <li class="fa fa-ruble"></li>
    ruble
    <li class="fa fa-rouble"></li>
    rouble
    <li class="fa fa-rub"></li>
    rub
    <li class="fa fa-won"></li>
    won
    <li class="fa fa-krw"></li>
    krw
    <li class="fa fa-bitcoin"></li>
    bitcoin
    <li class="fa fa-btc"></li>
    btc
    <li class="fa fa-file"></li>
    file
    <li class="fa fa-file-text"></li>
    file-text
    <li class="fa fa-sort-alpha-asc"></li>
    sort-alpha-asc
    <li class="fa fa-sort-alpha-desc"></li>
    sort-alpha-desc
    <li class="fa fa-sort-amount-asc"></li>
    sort-amount-asc
    <li class="fa fa-ort-amount-desc"></li>
    ort-amount-desc
    <li class="fa fa-sort-numeric-asc"></li>
    sort-numeric-asc
    <li class="fa fa-ort-numeric-desc"></li>
    ort-numeric-desc
    <li class="fa fa-thumbs-up"></li>
    thumbs-up
    <li class="fa fa-thumbs-down"></li>
    thumbs-down
    <li class="fa fa-youtube-square "></li>
    youtube-square
    <li class="fa fa-youtube"></li>
    youtube
    <li class="fa fa-xing"></li>
    xing
    <li class="fa fa-xing-square"></li>
    xing-square
    <li class="fa fa-youtube-play"></li>
    youtube-play
    <li class="fa fa-dropbox"></li>
    dropbox
    <li class="fa fa-stack-overflow"></li>
    stack-overflow
    <li class="fa fa-instagram"></li>
    instagram
    <li class="fa fa-flickr"></li>
    flickr
    <li class="fa fa-adn"></li>
    adn
    <li class="fa fa-bitbucket"></li>
    bitbucket
    <li class="fa fa-bitbucket-square"></li>
    bitbucket-square
    <li class="fa fa-tumblr"></li>
    tumblr
    <li class="fa fa-tumblr-square"></li>
    tumblr-square
    <li class="fa fa-long-arrow-down"></li>
    long-arrow-down
    <li class="fa fa-long-arrow-up"></li>
    long-arrow-up
    <li class="fa fa-long-arrow-left"></li>
    long-arrow-left
    <li class="fa fa-long-arrow-right"></li>
    long-arrow-right
    <li class="fa fa-apple"></li>
    apple
    <li class="fa fa-windows"></li>
    windows
    <li class="fa fa-android"></li>
    android
    <li class="fa fa-linux"></li>
    linux
    <li class="fa fa-dribbble"></li>
    dribbble
    <li class="fa fa-skype"></li>
    skype
    <li class="fa fa-foursquare"></li>
    foursquare
    <li class="fa fa-trello"></li>
    trello
    <li class="fa fa-female"></li>
    female
    <li class="fa fa-male"></li>
    male
    <li class="fa fa-gittip"></li>
    gittip
    <li class="fa fa-sun-o"></li>
    -sun-o
    <li class="fa fa-moon-o"></li>
    moon-o
    <li class="fa fa-archive"></li>
    archive
    <li class="fa fa-bug"></li>
    bug
    <li class="fa fa-vk"></li>
    vk
    <li class="fa fa-weibo"></li>
    weibo
    <li class="fa fa-renren"></li>
    renren
    <li class="fa fa-pagelines"></li>
    pagelines
    <li class="fa fa-stack-exchange"></li>
    stack-exchange
    <li class="fa fa-arrow-circle-o-right"></li>
    arrow-circle-o-right
    <li class="fa fa-arrow-circle-o-left"></li>
    arrow-circle-o-left
    <li class="fa fa-toggle-left"></li>
    toggle-left
    <li class="fa fa-caret-square-o-left"></li>
    caret-square-o-left
    <li class="fa fa-dot-circle-o"></li>
    dot-circle-o
    <li class="fa fa-wheelchair"></li>
    wheelchair
    <li class="fa fa-vimeo-square"></li>
    vimeo-square
    <li class="fa fa-turkish-lira"></li>
    turkish-lira
    <li class="fa fa-try"></li>
    try
    <li class="fa fa-plus-square-o"></li>
    plus-square-o
</ul>